html,body {
    margin:0;
    padding:0;
    font-family:"微软雅黑",Microsoft YaHei,arial,georgia,verdana,helvetica,sans-serif;
    font-size:14px;
}

body {
   background: url('../assets/images/login-bg.jpg') no-repeat center center fixed;
}

.form {
  margin: 0 auto;
  position: fixed;
  top: 25%;
  left: 50%;
  -moz-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: 320px;
  margin: 0;
  padding: 10px 20px;
  overflow: hidden;
  background-color: black;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: inherit;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  /*filter:alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;*/
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#b8c4cb,endColorStr=red); /*IE 6 7 8*/
  background: -ms-linear-gradient(top, #fff,  #0000ff);        /* IE 10 */
  background: -moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*..*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#b8c4cb), to(#f6f6f8));/*..*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff));      /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, #fff, #0000ff);   /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #fff, #0000ff);  /*Opera 11.10+*/
}
